<template>
  <div>
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <div><a class="navbar-brand" style="font-size:32px;" href="#">众筹平台 - 控制面板</a></div>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li style="padding-top:8px;">
              <div class="btn-group">
                <button type="button" class="btn btn-default btn-success dropdown-toggle" data-toggle="dropdown">
                  <i class="glyphicon glyphicon-user"></i> {{userInfo.username}} <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#"><i class="glyphicon glyphicon-cog"></i> 个人设置</a></li>
                  <li><a href="#"><i class="glyphicon glyphicon-comment"></i> 消息</a></li>
                  <li class="divider"></li>
                  <li><a href="index.html"><i class="glyphicon glyphicon-off"></i> 退出系统</a></li>
                </ul>
              </div>
            </li>
            <li style="margin-left:10px;padding-top:8px;">
              <button type="button" class="btn btn-default btn-danger">
                <span class="glyphicon glyphicon-question-sign"></span> 帮助
              </button>
            </li>
          </ul>
          <form class="navbar-form navbar-right">
            <input type="text" class="form-control" placeholder="查询">
          </form>
        </div>
      </div>
    </nav>
  </div>
</template>

<script>
// import constval from '../../utils/constval'

export default {
  data () {
    return {
      userInfo: '' // constval.read
    }
  }
}
</script>

<style>

</style>
